﻿*
{
    margin: 0px;
    padding: 0px;
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td  
{
    margin:0; 
    padding:0; 
    border:0; 
    outline:0; 
    font-weight:inherit; 
    font-style:inherit; 
    font-size:100%; 
    font-family:Arial; 
    vertical-align:baseline; 
    }
a
{
    text-decoration:none;
    }
    
body
{
    }
    
    
    /* === Main Menu ===*/



#MenuMain
{
    background: url("../Content/image/layout/bg_menu.png") no-repeat scroll center center transparent;
    height: 39px;
    margin: 5px 5px 5px 15px;
    width: 973px;
}

#MenuMain ul.topnav
{
    list-style-type: none;
    padding-left: 5px;
    padding-top: 5px;
}
#MenuMain ul.topnav li.li_main
{
    color: #CCCCCC;
    float: left; /* font-size: 22px;*/
    margin-left: 5px;
    margin-right: 4px;
    text-align: center;
    width: 95px;
}

#MenuMain ul.topnav li a
{
    /*font-size: 22px;*/
    color: #CCCCCC;
    display: block;
    padding-top: 5px;
}


/*slide menu*/

ul.topnav
{
}
ul.topnav li
{
    position: relative; /*--Declare X and Y axis base--*/
    z-index: 10;
}
ul.topnav li a
{
    height: 32px;
}
ul.topnav li a:hover
{
    color: #fff;
}
ul.topnav li span
{
    /*--Drop down trigger styles--*/
    width: 17px;
    height: 35px;
    float: left;
    background: url(../Content/image/menu/subnav_btn.gif) no-repeat center top;
}

ul.topnav li ul.subnav
{
    list-style: none;
    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
    left: -10px;
    top: 32px;
    background: #333;
    margin: 0;
    padding: 0;
    display: none;
    float: left;
    width: 170px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border: 1px solid #111;
    z-index: 10;
}
ul.topnav li ul.subnav li
{
    margin: 0;
    padding: 0;
    border-top: 1px solid #252525; /*--Create bevel effect--*/
    border-bottom: 1px solid #444; /*--Create bevel effect--*/
    clear: both;
    width: 170px;
}
html ul.topnav li ul.subnav li a
{
    background: url("../Content/image/menu/dropdown_linkbg.gif") no-repeat scroll 10px center #333333;
    float: left;
    padding-left: 25px;
    padding-top: 5px;
    text-align: left;
    width: 145px;
}
html ul.topnav li ul.subnav li a:hover
{
    /*--Hover effect for subnav links--*/
    background: #222 url(../Content/image/menu/dropdown_linkbg.gif) no-repeat 10px center;
}

/* === End main menu ===*/


#bd
{
    border:1px solid #ccc;
    width:1010px;
    margin:0 auto;
    -moz-box-shadow:  0 2px 2px #888888;
    -webkit-box-shadow:  0 2px 2px #888888;
    box-shadow: 0 2px 2px #888888;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;   
    behavior: url('../Content/PIE.htc');
    position:relative;
    background:#fff;
    z-index:10;
    }


.Clearfix:after
{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.main
{
  width:1000px;
  margin:0 auto;  
    }
 

    
    /* =============== header ============*/
    
 
#Adheader
{
        
    } 
    
#HDleft
{
    float:left;
    width:400px;
    }
    
#HDright
{
    float: right;
    padding: 10px;
    text-align: right;
    width: 500px;
    }    
    
/* =================== title va navigation =====================*/

#Title
{
    width:250px;
    float:left;
    margin-left:10px;
    font-size:18px;
    font-weight:bold;
    
    }
    
#Navigation
{
    width:500px;
    float:right;
    text-align:right;
    margin-right:5px;
    
    }    

/* ===== ================= Main menu ==========*/

#MenuMain
{
    margin-top:5px;
    margin-bottom:5px;
    border:1px dashed #CCCCCC;
    }

#BannerAdmin{}

#PageTitle
{
    
    
    }
    
#toolbar
{
    background: none repeat scroll 0 0 #DCE2DC;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 5px;
    text-align: right;
    
    }    
    
    
/* ======================= menu left=================*/    
/*#Menuleft
{
    width:180px;
    margin-right:5px;
    float:left;
    }*/
    
#Content
{
    width:99%;/*800px;*/
    float:left;
    padding:5px;
    
    border: 1px solid #CCCCCC;
    
    }
    
ul.mainmenu
{
  list-style:none;
    }

ul.mainmenu li
{
   float: left;
    margin-left: 10px;
    padding: 5px;
    }
    
ul.mainmenu li a
{
   color: #000000;
    display: block;
    font-weight: bold;
    text-transform: uppercase;
    }
ul.mainmenu li:hover a{color:Blue; text-decoration:underline;}

input.input_error, select.input_error
{
    border-bottom: red 1px solid;
    border-left: red 1px solid;
    border-top: red 1px solid;
    border-right: red 1px solid;
}



/* create Book*/

#imageDiv
{
    float:left;
    margin-left:10px;
    width: 300px;
    }
#bookInfomationDiv
{
    float: left;
    width: 680px;
    }
.CreateBook
{
    width:670px;
    }
.CreateBook th
{
    background: none repeat scroll 0 0 #F3F9F3;
    border-bottom: 1px solid blue;
    font-weight: bold;
    padding: 5px;
    text-align: right;
    width: 150px;
    }
.CreateBook td
{
    border-bottom: 1px solid #CCCCCC;
    padding: 5px;
    }
.CreateBook td input 
{
    font-size: 18px;
    height: 25px;
   /* width: 300px;*/
    }
.upImg
{
    margin: 0 auto;
    }
.upImg th
{
     background: none repeat scroll 0 0 #F3F9F3;
    border-bottom: 1px solid blue;
    font-weight: bold;
    padding: 5px;
    text-align: left;
   
    }
.upImg td
{
    border-bottom: 1px solid #CCCCCC;
    padding: 5px;
    }
.DetailImg
{
    border: 1px solid #CCCCCC;
    height: 300px;
    text-align: center;
    vertical-align: middle;
    width: 280px;
    
    }
 .DetailImg img
 {
     max-width:270px;
     max-height:290px;
     margin:5px auto;
     }
.Binput
{
    width:300px;
    }
    
#authorDiv
{
    float:left;
    width:30%;
    margin:5px;
    }
#publisherDiv
{
    float:left;
    width:30%;
    margin:5px;
    }
#categoryDiv
{
    float:left;
    width:30%;
    margin:5px;
    
    }